<template>
	<view style="height:100%">
		<u-navbar title="个人资料" :title-size="36"  :title-width="500" title-color="#fff" back-icon-name="arrow-left" back-icon-color="#fff"  :background="background" :custom-back="goBack">
		</u-navbar>
		<view class="content">
       <view class="infoBox">
        <view class="title">账号名称</view>
        <view class="titleInfo">{{userData.name}}</view>
      </view>
       <view class="infoBox">
        <view class="title">部门</view>
        <view class="titleInfo">{{userData.deptName}}</view>
      </view>
       <view class="infoBox">
         <img src=""/>
        <view class="title">
          <view class="img"></view>
          <view>手机号</view>
        </view>
        <view class="titleInfo">{{userData.phone}}</view>
      </view>
		</view>
	</view>
</template>
<script>
	export default {
		name: 'policeCon',
		props: {
			
		},
		data() {
			return {
				background: {
					backgroundColor: '#4299f7',
        },
        src: '',
				text:'Admin',
        userData:{
          account:'admin',
          deptName:"",
          name:"",
          phone:""
        }
			};
    },
    created(){
      this.$api.reqApi.getUserInfo().then(res=>{
        if(res.code=='200'){
          this.userData = res.data[0]
        }
      })
    },
    methods:{
			goBack(){
				uni.navigateBack()
			},
    }
  }
    </script>
    <style lang="scss">
    body,html{
		width: 100%;
		height: 100%;
		background-color: #d1d1d1;
	}
  .content{
    height: calc(100% - 94px);
    padding-bottom: 60rpx;
    background-color: #fff;
    .head{
	width: 100%;
	height: 200px;
	background: url(../scheduling/taskManage/image/banner_bg.png);
	background-size:  100% 100%;
	color: #FFFFFF;
	display: flex;
	justify-content:space-around;
	align-items: center;
	text-align: center;
	margin-bottom: 27px;
	// position: absolute;
	//     top: 0;
	.picture{
		width: 99px;
		height: 100px;
		margin-bottom: 10px;
	}
}
    .infoBox{
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #ccc;
      padding: 30rpx 40rpx 30rpx 40rpx;
      .title{
        font-size: 32rpx;
        color: #010101;
        font-weight: 600;
        display: flex;
      }
      .titleInfo{
        color: #464646;
        font-size: 30rpx;
      }
    }
  }

</style>
